/*
!*内容区域*!
#mindexContent{
    width: 100%;
    position: absolute;
    left: 0;
    top:60px;
    padding-bottom: 100px;
}

.am-slider-default .am-control-nav{
    bottom: 20px;
    text-align: right;
    padding-right:20px ;
}
.am-slider-default .am-control-nav li a{
    width: 10px;
    height: 10px;
    background-color: #596374;
}
.am-slider-default .am-control-nav li a.am-active{
    background-color: #d3d3e2;
    width: 20px;
    border-radius: 5px;
}
    !*内容区域*!


!*底部区域*!
#mIndexFoot{
    width: 100%;
    height: 100px;
    position: fixed;
    left: 0;
    bottom:0;
    background-color: red;
    z-index: 10000;
}
!*底部区域*!*/

/*

body{
    background-color: #f5f5f5;
}
!*内容区域*!

#mindexContent{
    width: 100%;
    position: absolute;
    left: 0;
    top:60px;
    padding-bottom: 100px;

    background-color: #8af3ff;
    overflow-y: auto;
}

.am-slider-default{
    margin: 0;
}
.am-slider-default .am-control-nav{
    bottom: 20px;
    text-align: right;
    padding-right:20px ;
}
.am-slider-default .am-control-nav li a{
    width: 10px;
    height: 10px;
    background-color: #596374;
}
.am-slider-default .am-control-nav li a.am-active{
    background-color: #d3d3e2;
    width: 20px;
    border-radius: 5px;
}

!*分类*!
#classification{
    padding: 5px 0;
    background-color: #fff;


}
#classification a{
    width: 20%;
    float: left;
    text-align: center;
}
#classification a .iconfont{
    font-size: 3rem;
}
#classification a .iconfont-1{
    color: #9d8fc3;
}
#classification a .iconfont-2{
    color:#d1b17e;
}
#classification a .iconfont-3{
    color:#098ae3;
}
#classification a .iconfont-4{
    color:#e98f36;
}
#classification a .iconfont-5{
    color:#ff6633;
}
#classification a p{
    margin: 0;
    color: #293039;
}
!*分类*!

!*关注的分类*!
#follow{
    margin-top: 1rem;
    background-color: #fff;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding: 0;
}
#follow .followClass{
    float: left;
    width: 20%;
    text-align: center;
    line-height: 6rem;
    color: #656565;
    font-size: 1.4rem;
    height:6rem;
}
#follow .fActive{
    color: #ff6700;
    position: relative;
}
#follow .fActive:after{
    content: "—";
    position: absolute;
    color: #ff6700;
    bottom: -28px;
    font-size: 4rem;
    left: 25%;
}
#follow .addClass{
    position: absolute;
    width: 6rem;
    height: 6rem;
    background-color: #fff;
    right: 0;
    top:0 ;
    line-height: 6rem;
    text-align: center;
    box-shadow: -12px 0px 20px 0px #d5d5d5;
}
#follow .addClass .iconfont{
    font-size: 3rem;
    color: #757575;
}
!*关注的分类*!

!*内容*!
#miContent{
    margin-top: 1rem;
}
#miContent div{
    height: 100px;
    background-color: #8cebff;
}
#miContent div:nth-child(3n+1){
    background-color: #ec81ff;
}
!*内容*!

!*内容区域*!


!*底部区域*!
#mIndexFoot{
    width: 100%;
    height: 100px;
    position: fixed;
    left: 0;
    bottom:0;
    background-color: red;
    z-index: 10000;
}
!*底部区域*!*/


body{
    background-color: #f5f5f5;
}
li{
    list-style: none;
}
ul{
    margin: 0;
    padding: 0;
}
#mindexContent{
    margin-top: 60px;
    padding-bottom: 7rem;
}
.am-slider-default{
    margin: 0;
}
.am-slider-default .am-control-nav{
    bottom: 20px;
    text-align: right;
    padding-right:20px ;
}
.am-slider-default .am-control-nav li a{
    width: 10px;
    height: 10px;
    background-color: #596374;
}
.am-slider-default .am-control-nav li a.am-active{
    background-color: #d3d3e2;
    width: 20px;
    border-radius: 5px;
}

/*分类*/
#classification{
    padding: 5px 0;
    background-color: #fff;


}
#classification a{
    width: 20%;
    float: left;
    text-align: center;
}
#classification a .iconfont{
    font-size: 3rem;
}
#classification a .iconfont-1{
    color: #9d8fc3;
}
#classification a .iconfont-2{
    color:#d1b17e;
}
#classification a .iconfont-3{
    color:#098ae3;
}
#classification a .iconfont-4{
    color:#e98f36;
}
#classification a .iconfont-5{
    color:#ff6633;
}
#classification a p{
    margin: 0;
    color: #293039;
}
/*分类*/
/*关注的分类*/
#follow{
    margin-top: 1rem;
    background-color: #fff;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    padding: 0;
    overflow: hidden;
    height: 6rem;
}
#follow .followClass{
    float: left;
    width: 20%;
    text-align: center;
    line-height: 6rem;
    color: #656565;
    font-size: 1.6rem;
    height:6rem;
    width: 6rem;

}
#follow .fActive{
    color: #ff6700;
    position: relative;
}
#follow .fActive:after{
    content: "—";
    position: absolute;
    color: #ff6700;
    bottom: -28px;
    font-size: 4rem;
    left: 25%;
}
#follow .addClass{
    position: absolute;
    width: 6rem;
    height: 6rem;
    background-color: #fff;
    right: 0;
    top:0 ;
    line-height: 6rem;
    text-align: center;
    box-shadow: -12px 0px 20px 0px #d5d5d5;
    z-index: 100;
}
#follow .addClass .iconfont{
    font-size: 3rem;
    color: #757575;
}
#follow .classifiedNav{
    position: absolute;
    height:6rem;
}
/*关注的分类*/
/*内容*/
#miContent{
    margin-top: 1rem;
    background-color: #fff;
}
#miContent a{
    float: left;
    margin-bottom: 1rem;
}
#miContent a:nth-child(odd){
    padding-right: 5px;
}
#miContent a:nth-child(even ){
    padding-left: 5px;
}
#miContent .contentSonTop{
    position: relative;
}
#miContent .contentSonTop img{
    width: 100%;
    border-radius: 5px;
}
#miContent .contentSonTop span{
    position: absolute;
    right: 0.2rem;
    bottom: 0.2rem;
    background-color: rgba(113,113,113,0.5);
    color: #fff;
    line-height: 2rem;
    border-radius:3px ;
}
#miContent a .text{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin: 0.8rem 0 0 0;
    color: #333;
    font-size: 1.7rem;
}
#miContent a .price{
    color: #ff6700;
    margin: 0;
}
#miContent a .price .moneyText{
    margin-left: -0.5rem;
    font-size: 2rem;
}
#miContent a .price sub{
    bottom: 0rem;

}
#miContent a .price .spot{
    left: 0rem;
}
#miContent a .price .notmoney{
    color: #1DB278;
    font-size:2rem ;
}
/*内容*/
/*查看更多*/
#viewMore{
    border: 1px solid #e6e6e6;
    height: 4rem;
    background-color: #ffffff;
    text-align: center;
    line-height: 4rem;
}
/*查看更多*/

/*底部区域*/
#mIndexFoot{
    width: 100%;
    height: 6rem;
    position: fixed;
    left: 0;
    bottom:0;
    background-color: #fcfcfc;
    z-index: 10000;
    border-top:1px solid #c0c0c0 ;


}
#mobileFoot a{
    text-align: center;
    color: #5a656b;
}
#mobileFoot .fActive{
    color: #ff6700;
}
#mobileFoot a i{
    font-size: 2rem;
}
#mobileFoot a p{
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
}
/*底部区域*/


